import React, { Component } from 'react';
import './index.css'
import { Redirect, Route, Switch } from 'react-router-dom';
import TopBar from '../../components/TopBar';
import NavBar from '../../components/NavBar';
import Man from '../Man'
import Woman from '../Woman'
import Selected from '../Selected'
class Home extends Component {
    render() {
        return (
            <div className='home-box'>
                <TopBar/>
                <Switch>
                    <Route path="/home/selected" component={Selected}></Route>
                    <Route path="/home/man" component={Man}></Route>
                    <Route path="/home/woman" component={Woman}></Route>
                </Switch>
                <Redirect to="/home/selected"></Redirect>
                <NavBar/>
            </div>
        );
    }
}
export default Home
